<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		*{/*所有元素*/
			margin:0;/*外边距（外补丁）*/
			padding:0;/*内边距*/
		}
	body{/* 元素选择器 */
		background: #ccc;
	}
	div{/* 元素选择器，可以选中相同标签的所有元素 */
		height: 100px;
		width:100px;
		background: orange;
		color:red;
	}
	#green-box{/*id选择器  优先级>标签*/
		background: green;
		color:purple;
	}
	.brownfont{/*类选择器*/
		color:brown !important;
	}
	.haha{
		color:rgba(0,0,0,0.3);
	}
	</style>
</head>
<body>
	<!-- <div style="
	margin-top:100px;
	padding-top:20px;
	border:1px solid;
	">我的内容</div>块级标签 -->
	<div>我的内容</div>
	<span class="brownfont">wodeneirong</span><!-- 行内标签 -->
	<div class="brownfont haha">我的另一些内容</div>
	<ul>
		<div id="green-box" style="color:red" class="brownfont">afds</div>
	</ul>
</body>
</html>